<!DOCTYPE HTML />
<html>
<head>
    <title>华夏保险办公自动化系统</title>    
    <link href="test.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="bootstrap.min.js" type="text/javascript"></script>
    <script src="JScript.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
        });
    </script>
 </head>
<body>    
    <div class="container">
        <div class="row bg">
            <div class="col-xs-2 col-md-2 col-md-offset-10 col-xs-offset-10">                
                    <img src="logo.png" alt="" class="img-responsive center-block" />
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-xs-6 col-xs-offset-3 ll">
                    <div class="page-header">
                        <h1>华夏保险办公自动化系统</h1>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-md-offset-4 col-xs-4 col-xs-offset-4 mm">          
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="form-group">
                                <label for="email">Account</label>
                                <input type="text" class="form-control" id="email" placeholder="用户名"/>
                            </div>
                        </div>                
                    </div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="form-group">
                            <label for="password">PassWord</label>
                            <input type="password" class="form-control" id="password" placeholder="密码"/>
                            </div>
                        </div>                
                    </div>
                    <div class="row">
                        <div class="col-md-4  col-md-offset-1">
                            <div>
                                <label>
                                    <input type="checkbox"> 记住密码
                                </label>
                            </div>
                        </div>
                        <div class="col-md-4  col-md-offset-3">
                            <div class="form-group">
                                <a href="#">忘记密码？</a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="form-group">
                                <button type="button" class="btn btn-primary btn-block">登录</button>
                            </div>
                        </div>                
                    </div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="form-group">
                                <button type="button" class="btn btn-primary btn-block">注册</button>
                            </div>
                        </div>                
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <img src="logo.png" alt="" class="img-responsive center-block" />
                        </div>
                    </div>                    
                </div> 
            </div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-xs-6 col-xs-offset-3 nn">
                    Copyright© All Rights Reserved 2007-2015 华夏保险版权所有
                </div>
            </div>
        </div>
    </div>
</body>
</html>
